<template>
  <el-tabs
    v-model="editableTabsValue"
    type="card"
    class="tabs"
    @tab-click="handleClick"
  >
    <el-tab-pane
      v-for="item in editableTabs"
      :key="item.name"
      :label="item.title"
      :name="item.name"
    >
    </el-tab-pane>
  </el-tabs>
</template>
 <script>
export default {
  data() {
    return {
      editableTabsValue: "home",
      editableTabs: [
        {
          title: "仪表盘",
          name: "home",
          content: "Tab 1 content",
        },
        {
          title: "Tab 2",
          name: "2",
          content: "Tab 2 content",
        },
      ],
    };
  },
};
</script>
<style>
.tabs > .el-tabs__nav-wrap{
  box-shadow: 0px 0px 7px rgb(88, 88, 88, .5)
  
}
.tabs > .el-tabs__content {
  /* padding-left: 1vw;
  padding-top: 1vh; */
  color: #6b778c;
  font-size: 25px;
  font-weight: 600;
}

.tabs > .el-tabs__header{
  background-color: #f6faff;
  box-shadow: 5px 0px 7px rgb(88, 88, 88, .2);
  margin: 0;
}

.el-tabs {
    height: 100%;
}
</style>
  